<!doctype html>
<html lang="en">
<head>
	<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>
	<title>Ruby Library - TNRoR</title>
	<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
	<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="js/equalcolumns.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body>

<header>
		<h1><img src="images/header.png" width="960" height="150" alt="f"></h1>
</header>
	<ul id="MenuBar1" class="MenuBarHorizontal">
	  <li><a href="#">HomePage</a>      </li>
	  <li><a href="#" class="MenuBarItemSubmenu">Book List</a>
	    <ul>
          <li><a href="#">New Book</a></li>
          <li><a href="#">Hot Book</a></li>
          <li><a href="#">View by Category</a></li>
          <li><a href="#">Search</a></li>
	    </ul>
	  </li>
	  <li><a class="MenuBarItemSubmenu" href="#">My Account</a>
	    <ul>
	      <li><a href="#">My Profile</a>          </li>
	      <li><a href="#">Book History</a></li>
		</ul>
      </li>
	  <li><a href="#">About</a></li>
	</ul>
<br>
    <br>
	<div id="innercontent">
<h2> My profile </h2>
	<form name="update" action="" method="post">
		If you have forgotten your password, you can request an email to you to reset your password. When you fill in your registered email address, you will be sent instructions on how to reset your password.
		<table >
			<tr height="30">
				<td> Your registered email: </td>
				<td><input type="text" name="email"></td>
			</tr>
			<tr height="30">
			<td></td>
			<td><input type="submit" value="Sent Email"></td>
			</tr>
		</table>
	<form>
	</div>
		
<aside>
  <section>
			  <header>
					<h3>Find a book</h3>
			</header>
				<form name="findbook" method="post" action="">
				  <p>
				    <input type="text" name="Search" id="Search">
				    <input type="submit" name="Searchbtn" id="Searchbtn" value="Search">
				  </p>
			  </form>
  </section>
  <section>
			  <header>
					<h3>Login</h3>
			</header>
			<form name="login" method="post" action="">
			  <table width="260" border="0">
			    <tr>
			      <td width="71">Username</td>
			      <td width="179"><input type="text" name="txtUserName" id="txtUserName"></td>
		        </tr>
			    <tr>
			      <td>Password</td>
			      <td><input name="txtPassword" type="password" id="txtPassword"></td>
		        </tr>
			    <tr>
			      <td>&nbsp;</td>
			      <td><input type="submit" name="Login" id="Login" value="Login">
		          <input type="button" name="SignUp" id="SignUp" value="SignUp"></td>
		        </tr>
			    <tr>
			      <td>&nbsp;</td>
			      <td>Forgot Password ?</td>
		        </tr>
		      </table>
	  </form>
	</section>
    <section>
			  <header>
					<h3>Category</h3>
			</header>
				  <p>
				   - English (4) <br>
				   - Computer science (9)<br>
				   - Chemical (12)<br>
				   - Photography(13)<br>
				   - History (13)<br>
				   - Geography (11)<br>
				  </p>
	</section>
</aside>
<footer class="fcentered">
  <p>------ Ruby Library - TNROR 2012 ------</p>
</footer>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
